<template>
    <div class="container text-center">
      
          <h1>欢迎使用活图网</h1>
      
      <div class="row">
        <div class="col-xs-2 col-xs-offset-2">
          
          <router-link class="list-group-item" active-class="active" to="/zhuye/help">简介</router-link>
          <router-link class="list-group-item" active-class="active" to="/zhuye/upimg">生成视频</router-link>
          <router-link class="list-group-item" active-class="active" to="/zhuye/his">历史记录</router-link>
          
        </div>
        <div class="col-9">
          <!-- 指定组件呈现的位置 -->
          <router-view class="routs"></router-view>
        </div>
        
      </div>
    </div>
  </template>

<script>

</script>

<style>
  .routes {
    text-align: right;
    background-color: aqua;
  }
</style>